<template>
	<div>
		<!--<router-link to="/search">
			<div class="search">
				<input type="" name="" id="" value="" placeholder="搜索关键字" />
			</div>
		</router-link>-->
		<!--<div>
			<mt-search v-model="value">
			<mt-cell v-for="item in result" :title="item.title" :value="item.value">
			</mt-cell>
			</mt-search>
		</div>-->
		
		
		<p>1</p><p>1</p>
		<p>1</p>
		<p>1</p>
		<p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p>
		
		<p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p><p>1</p>
	</div>
</template>

<script>
//	import { Search } from 'mint-ui';
	export default {
		data() {
			return {
				results: [],
				value: 'test'
			}
		}
	}
</script>

<style scoped lang="less">
	@import "~styles/index.less";
	@import "~styles/variable.less";
	.search {
		z-index: 999;
		width: 100%;
		border-bottom: 1px solid @border-color;
		height: 44px;
		top: 0px;
		position: fixed;
		left: 0;
		background: #fff;
		&:after {
			content: '';
			position: absolute;
			width: 15px;
			height: 15px;
			background: url('../../../assets/imgs/search_search@2x.png');
			background-size: 100% 100%;
			top: 15px;
			left: 15px;
		}
		input {
			width: calc(100% - 60px);
			height: 100%;
			padding: 0 15px 0 45px;
		}
	}
	
	.mint-search{
		height: 44px;
		position: fixed;
		width: 100%;
		
		
	}
	.mint-searchbar{
			background: #fff !important;
		}
</style>